//根据跳转格式切换样式
var xx=localStorage.getItem('state');
var who=localStorage.getItem('who');
localStorage.setItem('who',1);
//console.log(xx);
localStorage.setItem('state',0);
if(xx==1) {
    $('#catalog>div>ul>li:nth-child(' + 1+ ')').css('color', '#0d6ff4');
    $('.Nav>ul>li:last-child').children('i').addClass('up');
    $('.Nav>ul>li:last-child>ul>li:nth-child('+who+')>a').css('color', 'rgb(2, 94, 251)');
    $('.Nav>ul>li:first-child>ul').hide();
    $('.Bc1').show().siblings().hide();
    ///////////////////////////////////////////////

    var $this=$('.Nav>ul>li:last-child>ul>li:nth-child('+who+')');
    var myd=$this.attr('data-myd');
    var chaId='.'+myd;//console.log(chaId);
    $(chaId).show().siblings().hide();
    $('.Nav>ul>li ul li a').css('color','#333');
    $this.children('a').css('color','#025efb');

    var riID=$this.attr('rightId');
    var right=parseFloat(riID)+1;
    var html='';
    html+='<li bottom=1  mid="change1">发送短信内容</li>';
    html+='<li bottom=1  mid="change2">验证短信内容是否合法</li>';
    html+='<li bottom=1  mid="change3">查询短信余量</li>';
    html+='<li bottom=1  mid="change4">查询状态报告</li>';
    $('#catalog>div>ul').html(html);
    $('#catalog>div>ul>li:first-child').addClass('LiYes');
    $('#State1').css('color','#F29015');
    /////////////////////////////////////////
}else{
    $('#catalog>div>ul>li:nth-child(' + 1 + ')').addClass('LiYes');
    $('.Nav>ul>li:first-child>a').children('i').addClass('up');
    $('.Nav>ul>li:first-child>ul>li:first-child>a').css('color', 'rgb(2, 94, 251)');
    $('.Nav>ul>li:last-child>ul').hide();
    $('#State2').css('color','#F29015');
}


var aid=localStorage.getItem('stateChild');//console.log('aid',aid);
var aidYes=''+aid;
if(aidYes=='null'){}else{
    var animal = '.Nav>ul>li.helpText>ul>li:nth-child(' + aid + ')';
    var change = '.Change>div.Ac' + aid;
    //console.log('头', animal, '尾', change);
    $(animal).children('a').css('color', '#0d6ff4');
    $(animal).siblings().children('a').css('color', '#333');
    var RightID = $(animal).attr('rightId');
    $(change).show().siblings().hide();
    var myd = $(animal).attr('data-myd');
    var chaId = '.' + myd;
    //console.log('chaid', chaId);

    var right = parseFloat(RightID) + 2;
    var html = '';
    for (var x = 3; x <= right; x++) {
        var a = x - 2;
        var i = chaId + ' div:nth-child(' + x + ')>p';
        var data = $(i).html();
        //console.log('内容', data);
        html += '<li><a href="#' + myd + '-' + a+'">'+data+'</a></li>';
    }
    $('#catalog>div>ul').html(html);
    $('#catalog>div>ul>li').removeClass('LiYes');
    $('#catalog>div>ul>li:first-child').addClass('LiYes');
    localStorage.setItem('stateChild', null);
}

//点击左侧导航栏 展开和关闭
var sanjiao=1,pitch=1;
$('.Nav>ul>li>a').click(function(){
    var $this=$(this);//console.log($this);
    sanjiao*=-1;
    if(sanjiao==-1){
        $this.next().show();
        $this.children('i').addClass('up');
    }else{
        $this.next().hide();
        $this.children('i').removeClass('up');
    }
})
//点击左侧导航栏，左侧链接变色，右目录随之更改
//帮助文档导航栏
$('.Nav>ul>li.helpText>ul>li').click(function(){
    $('#State1').css('color','#fff');
    $('#State2').css('color','#F29015');
    var $this=$(this);
    var myd=$this.attr('data-myd');
    var chaId='.'+myd;//console.log(chaId);
    $(chaId).show().siblings().hide();
    $('.Nav>ul>li ul li a').css('color','#333');
    $this.children('a').css('color','#025efb');


    var riID=$this.attr('rightId');
    var right=parseFloat(riID)+2;
    var html='';
    for(var x=3;x<=right;x++){
        var a=x-2;
        var i=chaId+' div:nth-child('+x+')>p';
        var data=$(i).html();//console.log('内容',data);
        html+='<li><a href="#'+myd+'-'+a+'">'+data+'</a></li>';
    }
    $('#catalog>div>ul').html(html);
    $('#catalog>div>ul>li').removeClass('LiYes');
    $('#catalog>div>ul>li:first-child').addClass('LiYes');

})
//短信接口导航栏
$('.Nav>ul>li:last-child>ul>li').click(function(){
    $('#State2').css('color','#fff');
    $('#State1').css('color','#F29015');
    var $this=$(this);
    var myd=$this.attr('data-myd');
    var chaId='.'+myd;
    $(chaId).show().siblings().hide();
    $('.Nav>ul>li ul li a').css('color','#333');
    $this.children('a').css('color','#025efb');

    var riID=$this.attr('rightId');
    var right=parseFloat(riID);
    var html='';
    html+='<li bottom=1  mid="change1">发送短信内容</li>';
    html+='<li bottom=1  mid="change2">验证短信内容是否合法</li>';
    html+='<li bottom=1  mid="change3">查询短信余量</li>';
    html+='<li bottom=1  mid="change4">查询状态报告</li>';
    $('#catalog>div>ul').html(html);
    $('#catalog>div>ul>li').removeClass('LiYes');
    $('#catalog>div>ul>li:first-child').addClass('LiYes');

})
//点击右侧悬浮窗口
$('#catalog').on('click','>div>ul>li',function(){
    var $this=$(this);
    if($this.attr('bottom')=='1'){
        //左侧悬浮窗口栏样式切换
        $('#catalog>div>ul>li').removeClass('LiYes');
        $this.addClass('LiYes');
        //右侧数据内容跟随切换
        var mid='.'+$this.attr('mid');
        $('.right-data>div').hide();
        $('.right-data>div'+mid).show();
        $this.addClass('LiYes').siblings().removeClass('LiYes');
    }else{
        $this.addClass('LiYes').siblings().removeClass('LiYes');
    }
});


/*heart评价*/
$('div.Cont>.Change .Help>.heart>div.great>div>input').click(function(){
    var $this=$(this);//console.log($this.prop('checked'));
    if($this.prop('checked')==true){
        $this.parent().prevAll().children().prop("checked",true);
        $this.parent().css('background-image','url(images/heart/1.png)');
        $this.parent().prevAll().css('background-image','url(images/heart/1.png)');
		$this.parent().addClass('background');
		$this.parent().prevAll().addClass('background');
    }else{
        $this.parent().nextAll().children().prop("checked",false);
        $this.parent().css('background-image','url(images/heart/2.png)');
        $this.parent().nextAll().css('background-image','url(images/heart/2.png)');
		$this.parent().removeClass('background');
		$this.parent().nextAll().removeClass('background');
    }
})


/*右上角导航栏滚动监听*/
window.addEventListener("scroll",
    function() {
        function Acolor(name,X){
            var scrollTop = document.documentElement.scrollTop + document.body.scrollTop;
            var NAME=name;
            var headerTop=$(NAME).offset().top - scrollTop;
            //console.log(name,headerTop);
            if (headerTop <0){
                $('#catalog>div>ul>li:nth-child('+X+')').siblings().removeClass('LiYes');
                $('#catalog>div>ul>li:nth-child('+X+')').addClass('LiYes');
            }

        }
        Acolor('.Ac1>div.New>p.p1',1);
        Acolor('.Ac2>div.Title',1);
        Acolor('.Ac2>div.New:nth-child(3)>ul>li:last-child>p',2);
        Acolor('.Ac2>div.New:nth-child(4)>ul>li:last-child>p',3);
        Acolor('.Ac3>div.Title',1);
        Acolor('.Ac3>div.New:nth-child(3)>ul>li:last-child>p',2);
        Acolor('.Ac3>div.New:nth-child(4)>ul>li:last-child>span:last-child',3);

        /*Acolor('.Bc1>div>p.p1',1);
        Acolor('.Bc1>div.state>p',2);
        Acolor('.Bc1>div.parameter tr:last-child',3);
        Acolor('.Bc1>div>p.p4',4);
        Acolor('.Bc1>div>p.p5',5);

        Acolor('.Bc2>div>p.p1',1);
        Acolor('.Bc2>div>p.p2',2);
        Acolor('.Bc2>div>p.p3',3);
        Acolor('.Bc2>div>p.p4',4);
        Acolor('.Bc2>div>p.p5',5);

        Acolor('.Bc3>div>p.p1',1);
        Acolor('.Bc3>div>p.p2',2);
        Acolor('.Bc3>div>p.p3',3);
        Acolor('.Bc3>div>p.p4',4);
        Acolor('.Bc3>div>p.p5',5);

        Acolor('.Bc4>div>p.p1',1);
        Acolor('.Bc4>div>p.p2',2);
        Acolor('.Bc4>div>p.p3',3);
        Acolor('.Bc4>div>p.p4',4);
        Acolor('.Bc4>div>p.p5',5);*/

    }
);
